// import React, {Component} from 'react';
// import store from "../store";
// import {addNumberAction, subNumberAction} from "../store/user/actionCreator";
// import {changeUsernameAction} from "../store/todo/actionCreator";
// import connect from "../hoc/connect";
//
// class Home extends Component {
//
//     constructor() {
//         super();
//         this.state = {
//             name:"ccc",
//             age:1
//         }
//     }
//
//     componentDidMount() {
//         store.subscribe(()=>{
//             this.setState(store.getState().user)
//         })
//     }
//
//     render() {
//         console.log(store.getState())
//
//         const  { username,changeUsername }= this.props
//         return (
//             <div>
//                <div className="username"> {username}</div>
//                 <br />
//                 home
//                 <h2>
//                     {store.getState().todo.username}
//                 </h2>
//                 <h3>
//                     age { store.getState().user.age}
//                 </h3>
//
//                 <button onClick={()=>store.dispatch(addNumberAction(2))}>addNum</button>
//                 <button onClick={()=>store.dispatch(subNumberAction(2))}>subNum</button>
//
//
//                 <button onClick={()=> store.dispatch(changeUsernameAction("waterkid"))}>change name</button>
//                 <div>
//                     <button onClick={()=>changeUsername("1231")}>change</button>
//                 </div>
//             </div>
//         );
//     }
//
//
//     // const
// }
//
// const mapStateToProps = (state)=>({
//     username:state.todo.username
// })
//
// const mapDispatchToProps = (dispatch)=>({
//     changeUsername(name){
//         dispatch(changeUsernameAction(name))
//     }
// })
//
// export default connect(mapStateToProps,mapDispatchToProps)(Home);
